<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理员首页</title>

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/back/css/fullcalendar.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/back/css/matrix-media.css" />
<link href="./font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/back/css/jquery.gritter.css" />
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/back/css/uniform.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/back/css/select2.css" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />

<link href="${pageContext.request.contextPath}/back/css/bootstrap.min.css"
	rel="stylesheet" />
<link
	href="${pageContext.request.contextPath}/back/css/bootstrap-responsive.min.css"
	rel="stylesheet" />

<link
	href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600"
	rel="stylesheet" />
<link href="${pageContext.request.contextPath}/back/css/font-awesome.css"
	rel="stylesheet" />

<link href="${pageContext.request.contextPath}/back/css/adminia.css"
	rel="stylesheet" />
<link
	href="${pageContext.request.contextPath}/back/css/adminia-responsive.css"
	rel="stylesheet" />

<link href="${pageContext.request.contextPath}/back/css/pages/faq.css"
	rel="stylesheet" />
</head>
<body>
	<div class="navbar navbar-fixed-top">

		<div class="navbar-inner">

			<div class="container">

				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="./">Adminia Admin</a>

				<div class="nav-collapse">

					<ul class="nav pull-right">
						<li><a href="#"><span class="badge badge-warning">7</span></a>
						</li>

						<li class="divider-vertical"></li>

						<li class="dropdown"><a data-toggle="dropdown"
							class="dropdown-toggle " href="#"> Rod Howard <b
								class="caret"></b>
						</a>

							<ul class="dropdown-menu">
								<li><a href="./account.html"><i class="icon-user"></i>
										Account Setting </a></li>

								<li><a href="./change_password.html"><i
										class="icon-lock"></i> Change Password</a></li>

								<li class="divider"></li>

								<li><a href="./"><i class="icon-off"></i> Logout</a></li>
							</ul></li>
					</ul>

				</div>
				<!-- /nav-collapse -->

			</div>
			<!-- /container -->

		</div>
		<!-- /navbar-inner -->

	</div>
	<!-- /navbar -->

	<div id="content">

		<div class="container">

			<div class="row">

				<div class="span3" style="width: 200px;">

					<div class="account-container">

						<div class="account-avatar">
							<img src="./img/headshot.png" alt="" class="thumbnail" />
						</div>
						<!-- /account-avatar -->

						<div class="account-details">

							<span class="account-name">Rod Howard</span> <span
								class="account-role">Administrator</span> <span
								class="account-actions"> <a href="javascript:;">Profile</a>
								| <a href="javascript:;">Edit Settings</a>
							</span>

						</div>
						<!-- /account-details -->

					</div>
					<!-- /account-container -->

					<hr />

					<ul id="main-nav" class="nav nav-tabs nav-stacked">

						<li><a href="adminHome.jsp"> <i class="icon-home"></i> Dashboard
						</a></li>

						<li class="active"><a href="songManager.jsp"> <i
								class="icon-signal"></i> 歌曲管理
						</a></li>

						<li><a href="./plans.html"> <i class="icon-th-list"></i>评论管理
						</a></li>

						<li><a href="./grid.html"> <i class="icon-th-large"></i>歌曲类别管理
								<span class="label label-warning pull-right">5</span>
						</a></li>

						<li><a href="./charts.html"> <i class="icon-user"></i>
								歌手管理
						</a></li>

						<li><a href="./account.html"> <i class="icon-user"></i>
								用户管理
						</a></li>

						<li><a href="#"> <i class="icon-lock"></i> 歌手地区管理
						</a></li>

						<li><a href="./login.html"> <i class="icon-lock"></i> 登录
						</a></li>

					</ul>

					<hr />

					<div class="sidebar-extra">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
							sed do eiusmod tempor incididunt ut labore et dolore magna
							aliqua. Ut enim ad minim veniam, quis nostrud.</p>
					</div>
					<!-- .sidebar-extra -->

					<br />

				</div>
				<!-- /span3 -->

				<div class="span9" style="width: 940px;">

					<h1 class="page-title">
						<i class="icon-pushpin"></i> Frequently Asked Questions
					</h1>

					<div id="content">

						<!--Action boxes-->
						<div class="container-fluid">
							<!-- 表格 -->
							<div class="widget-box" style="position: relative; top: -52px;">
								<div class="widget-content nopadding">
									<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper"
										role="grid">
										<div class="">
											<div id="DataTables_Table_0_length" class="dataTables_length"
												style="display: inline-block;">
												<label>每页 <!-- 下拉框 --> <select
													style="width: 50px; display: inline-block;"
													id="selectPageSize">
														<option>3</option>
														<option>5</option>
														<option>10</option>
												</select> 条
												</label>
											</div>
											<div class="dataTables_filter" id="DataTables_Table_0_filter"
												style="display: inline-block; margin-left: 370px;">
												<label> 歌曲/歌手 <input type="text"
													aria-controls="DataTables_Table_0" id="kw" value=""
													style="display: inline-block;">
													<button class="btn btn-success btn-mini" id="searchBtn">搜索</button>
													<button class="btn btn-info btn-mini" id="clearSearchBtn">清除搜索</button>
												</label>
											</div>
										</div>
										<table class="table table-bordered data-table dataTable"
											id="DataTables_ArticleList">
											<thead>
												<tr role="row">
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1" aria-sort="ascending"
														aria-label="Rendering engine: activate to sort column descending"
														style="width: 343px;">
														<div class="DataTables_sort_wrapper">
															歌曲编号<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Browser: activate to sort column ascending"
														style="width: 363px;">
														<div class="DataTables_sort_wrapper">
															歌曲名<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Platform(s): activate to sort column ascending"
														style="width: 236px;">
														<div class="DataTables_sort_wrapper">
															歌曲时长<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Engine version: activate to sort column ascending"
														style="width: 295px;">
														<div class="DataTables_sort_wrapper">
															播放量<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Engine version: activate to sort column ascending"
														style="width: 295px;">
														<div class="DataTables_sort_wrapper">
															歌词内容<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Engine version: activate to sort column ascending"
														style="width: 295px;">
														<div class="DataTables_sort_wrapper">
															歌曲状态<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Engine version: activate to sort column ascending"
														style="width: 295px;">
														<div class="DataTables_sort_wrapper">
															歌曲类型<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Engine version: activate to sort column ascending"
														style="width: 295px;">
														<div class="DataTables_sort_wrapper">
															歌手名<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
													<th class="ui-state-default" role="columnheader"
														tabindex="0" aria-controls="DataTables_Table_0"
														rowspan="1" colspan="1"
														aria-label="Engine version: activate to sort column ascending"
														style="width: 295px;">
														<div class="DataTables_sort_wrapper">
															发布时间<span
																class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span>
														</div>
													</th>
												</tr>
											</thead>
											<tbody role="alert" aria-live="polite" aria-relevant="all">
												<!-- <tr class="gradeX odd">
													<td class="  sorting_1">007</td>
													<td class=" ">xxx</td>
													<td class=" ">123</td>
													<td class="center ">2020-08-15</td>
													<td class="center ">嘉城</td>
													<td class="center ">
													   <a href="#" data-toggle="modal" data-target="#updateModal" >
													       <i class="icon-edit"></i>修改</a>
													       &nbsp;&nbsp;
													   <a href="javascript:void(0)" ><i class="icon-remove"></i>删除</a>
													 </td>
										</tr> -->
											</tbody>
										</table>
										<div
											class="fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix">

											<div
												class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers"
												id="DataTables_pageInfo">
												<!-- 每页3条 共10条 第1/4页
								<a tabindex="0"class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default"
									id="DataTables_Table_0_first">首页</a>
									
								<a tabindex="0" class="previous fg-button ui-button ui-state-default"
									id="DataTables_Table_0_previous">上一页</a>
									
								<span>
									<a tabindex="0"class="fg-button ui-button ui-state-default">1</a>
									<a tabindex="" class="fg-button ui-button ui-state-default">2</a>
									<a tabindex="" class="fg-button ui-button ui-state-default">3</a>
								</span>
								
								<a tabindex="0"
									class="next fg-button ui-button ui-state-default"
									id="DataTables_Table_0_next">下一页</a>
								
								<a tabindex="0"
									class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default"
									id="DataTables_Table_0_last">尾页</a> -->
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
					<!-- /widget -->

				</div>
				<!-- /span9 -->

			</div>
			<!-- /row -->

		</div>
		<!-- /container -->

	</div>
	<!-- /content -->

	<div id="footer">

		<div class="container">
			<hr />
			<p>&copy; 2012 Go Ideate.</p>
		</div>
		<!-- /container -->

	</div>
	<!-- /footer -->

	<!-- Le javascript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="./js/jquery-1.7.2.min.js"></script>

	<script src="./js/bootstrap.js"></script>
	<script src="./js/faq.js"></script>

	<script>
		$(function() {

			$('.faq-list').goFaq();

		});
	</script>
	<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/excanvas.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/jquery.flot.js"></script>
	<script src="${pageContext.request.contextPath}/js/jquery.flot.pie.js"></script>
	<script
		src="${pageContext.request.contextPath}/js/jquery.flot.orderBars.js"></script>
	<script
		src="${pageContext.request.contextPath}/js/jquery.flot.resize.js"></script>


	<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
	<script src="${pageContext.request.contextPath}/js/charts/bar.js"></script>
</body>
</html>